<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
		<title>Index</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="Default Description" />
        <meta name="keywords" content="" />
        <meta name="robots" content="INDEX,FOLLOW" />

        <link rel="icon" href="" type="image/x-icon" />
        <link rel="shortcut icon" href="" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl ?>/css/style.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/jqueryuicustom.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/js/fancybox/jquery.fancybox.css?v=2.0.5" media="screen" />
        <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl ?>/js/fancybox/helpers/jquery.fancybox-buttons.css?v=2.0.5" media="screen" />
		<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl ?>/fancybox/helpers/jquery.fancybox-thumbs.css?v=2.0.5" media="screen" />
        <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/fancybox/helpers/fancybox-title-over.css?v=2.0.5" media="screen" />

        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/jquery.js"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/jquery-1.js"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/jquery-ui-1.js"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/products-slider.js"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/fancybox/jquery.fancybox.js"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/fancybox/helpers/jquery.fancybox-buttons.js?v=2.0.5"></script>
        <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl ?>/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=2.0.5"></script>

       	<script type="text/javascript">
			$(document).ready(function() {
				$(".fancybox").fancybox({
						autoCenter			: false,
						autoDimensions		: true,
				        closeBtn          	: false,
				        autoCenter			: false,
				        openEffect        	: 'elastic',
				        openSpeed         	: 800,
				        closeEffect       	: 'elastic',
				        closeSpeed        	: 800,
				        closeClick       	: false,
				        hideOnOverlayClick	: false,
				        hideOnContentClick	: false,
					 	padding          	: 0,
				        helpers          	: {
				       	title				: {type: 'outside'},
						buttons				: {},
						overlay				: {	opacity	: 1,
				                             	css		: {'background': '#000;'}},
			       		 wrap       		:   {
				                             	css		: {'top': '50px'}}
               	 								},
				        afterShow : function(){
							var description = "<div class='popup-detail'>"+$("#description > div").eq(this.index).html()+"</div>"
							$('#fancybox-overlay').html(description);
							$('.fancybox-wrap').css({
								 	'margin-top': '-100px',
								   top : '40px',
								   left : '190px'

								});
						},

						nextEffect        : 'fade',
				        prevEffect        : 'fade'

				 }); // fancybox
			}); // ready
			function show(element){
				element.className += "hover";
			}
			function hide(element){
				element.className = element.className = "";
			}
		</script>

        <?php Yii::app()->clientScript->registerCoreScript('jquery'); ?>

	</head>
	<body data-twttr-rendered="true" class="single single-product postid-6">
		<div id="main">
	    	<div id="container">
<!--	    		<div><img id="bg_header" src="<?php echo ShortUtil::themePath() ?>/images/bg_header.png" border="0" /></div>-->
				<!-- MAIN CONTENT -->
	      		<div id="page-content" style="margin-top: 10px;">
	        		<div id="pleft">
                   		<?php echo $content; ?>
                	</div>
            	</div>
            	<div id="bg_fb">
			        <div id="share">
			            <img class="share" src="<?php echo ShortUtil::themePath() ?>/images/sharebutton.png" />Chia sẻ trên tường nhà bạn
			        </div>
			        <div id="locations">
			            <a target="_blank" href="http://www.lifestyles.com"><img src="<?php echo ShortUtil::themePath() ?>/images/globe.png" />
			            <p></>Website chính thức <br/>của Lifestyles</p>
			            </a>
			        </div>
			        <div id="comments-header">
			            See what other are saying.
			        </div>
			        <div style='clear:both; display: block; width:100%;'></div>
			        <div id="fb_content">
			        	<div class="fb-comments" data-href="https://blooming-headland-6583.herokuapp.com/" data-num-posts="10" data-width="600"></div>
						<script type="text/javascript">
				            window.fbAsyncInit = function() {
				                FB.init({appId: '545400302171206', status: true, cookie: true, xfbml: true});
				                FB.Canvas.setAutoGrow();
				                $('.share').click(function() {
				                	var proId = $('.blockProd').filter(function(index) {
				                		  return $(this).css('display')=='block';
				                	}).attr('id');
				                	var id			= "#" + proId;
				                	var proNm 		= $(id + " .productNm").text();
				                	var proDes		= $(id + " .productShortDes").val();
				                	var proThumb	= $(id + " .productThumb").val();
				                	var temp		= proId.split('_');
				                    FB.ui({
				                        method: 'feed',
				                        name: proNm,
				                        link: '<?php echo ShortUtil::hostUrl()?>/?id=' + temp[1],
				                        display : 'popup',
				                        picture: proThumb,
				                        description: proDes,
				                       	redirect_uri : 'https://blooming-headland-6583.herokuapp.com/'
						         	});
				                });
				                FB.Event.subscribe('xfbml.render', function() {
				                  FB.Canvas.setAutoGrow();
					                });
					            };
					            //194479917246693
					            (function(d){
					                var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
					                js = d.createElement('script'); js.id = id; js.async = true;
					                js.src = "http://connect.facebook.net/en_US/all.js";
					                d.getElementsByTagName('head')[0].appendChild(js);
					            }(document));
						</script>
					    <div style='clear:both; display: block; width:100%;'></div>
			        </div>
				</div>
            </div>
		</div>
	</body>
</html>